﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- Title -->
    <title>Rapid - A Responsive WordPress Blog Theme</title>
    
    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" th:href="@{/static/css/bootstrap.min.css}">
    
    <!-- Font awesome CSS -->
    <link rel="stylesheet" th:href="@{/static/css/font-awesome.min.css}">
    
    <!-- Animate CSS -->
    <link rel="stylesheet" th:href="@{/static/css/animate.min.css}">
    
    <!-- OwlCarousel CSS -->
    <link rel="stylesheet" th:href="@{/static/css/owl.carousel.css}">
    
    <!-- SlickNav CSS -->
    <link rel="stylesheet" th:href="@{/static/css/slicknav.min.css}">
    
    <!-- Magnific popup CSS -->
    <link rel="stylesheet" th:href="@{/static/css/magnific-popup.css}">
    
    <!-- Main CSS -->
    <link rel="stylesheet" th:href="@{/static/css/style.css}">
    
    <!-- Responsive CSS -->
    <link rel="stylesheet" th:href="@{/static/css/responsive.css}">

</head>
<body>

     

    
    <!-- Header Area Start -->
    <section class="rapid-header-area ">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="site-logo">
                        <a href="index.html">
                            <img th:src="@{/static/img/logo.png}" alt="site logo" />
                        </a>
                        <p>汽车租赁管理系统</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Header Area End -->
    
    
    
    <!-- Mainmenu Area Start -->
    <section class="rapid-mainmenu-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-9 col-sm-9">
                            <!-- Responsive Menu -->
                            <div class="rapid-responsive-menu"></div>
                            <!-- Responsive Menu -->
                            <div class="mainmenu">
                                <nav>
                                    <ul id="rapid_navigation">
                                        <li><a href="index.html">home</a></li>
                                        <li><a href="page.html">about</a></li>
                                        <li>
                                            <a href="#">category</a>
                                            <ul>
                                                <li><a href="category-lifestyle.html"> life style</a></li>
                                                <li><a href="category-travel.html">travel</a></li>
                                                <li><a href="category-fashion.html">fashion</a></li>
                                            </ul>
                                        </li>
                                        <li class="current-page-item">
                                            <a href="#">feature</a>
                                            <ul>
                                                <li><a href="standard-post.html"> Standard</a></li>
                                                <li><a href="gallery-post.html">Gallery</a></li>
                                                <li><a href="music-post.html">music</a></li>
                                                <li><a href="Video-post.html">Video</a></li>
                                                <li><a href="link-post.html">Link</a></li>
                                                <li><a href="404.html">404 page</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">contact</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <div class="rapid-search-bar">
                                <form>
                                    <input placeholder="Search..." type="search">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Mainmenu Area End -->
    
    
    
    <!-- Breadcromb Area Start -->
    <section class="rapid-breadcromb-area section_50">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="breadcromb">
                        <h3>Go next we are always with you</h3>
                        <ul>
                            <li><a href="#">life style</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Breadcromb Area End -->
    
    
    
    <!-- Allpost Area Start -->
    <section class="rapid-Allpost-area section_50">
        <div class="container">
            <div class="row">
                <div class="col-md-9">
                    <div class="blog-page-left">
                        <div class="single-blog">
                            <div class="blog-image">
                                <img width="847px" height="423px" th:src="|/img/${car.image}|" alt="car" />
                            </div>
                            <div class="blog-text single-post-text">
                                <div class="post-cat">
                                    <p>fashion</p>
                                </div>
                                <h2 th:text="${car.carp}">Go next we are always with you</h2>
                                <div class="blog-meta">
                                    <ul>
                                        <li>-: 2024-1-8 </li>
                                        <li><a href="#">admin</a></li>
                                        <li><a href="#">6 <i class="fa fa-comments-o"></i></a></li>
                                    </ul>
                                </div>
                                <div class="post-content">
                                    <p th:utext="${car.content}"></p>
                                </div>
                                <div class="single-post-btm-tag">
                                    <div class="row">
                                        <div class="col-md-8 no-pad-left">
                                            <div class="btm-tag-left">
                                                <ul>
                                                    <li><a href="#">app</a></li>
                                                    <li><a href="#">blog</a></li>
                                                    <li><a href="#">beauty</a></li>
                                                    <li><a href="#">color</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-4 no-pad-right">
                                            <div class="share-button-social btm-tag-right">
                                                <a href="#"><i class="fa fa-facebook"></i></a>
                                                <a href="#"><i class="fa fa-twitter"></i></a>
                                                <a href="#"><i class="fa fa-google-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="author-bio">
                                    <a href="#">
                                        <img th:src="@{/static/img/about.jpeg.jpg}" alt="author" />
                                    </a>
                                    <div class="author-info">
                                        <h4><a href="#">Author Name</a></h4>
                                        <p>per inceptos dapibus fames donec praesent quisque commodo primis proin leo nisl lacinia dictumst justo sagittis luctus vestibulum sed quisque.per inceptos dapibus fames donec praesent quisque commodo primis proin leo nisl lacinia dictums</p>
                                        <ul>
                                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                            <li><a href="#"><i class="fa fa-skype"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="rapid-comment-list">
                                    <div class="comment-group-title">
                                        <h2>3 Comments</h2>
                                    </div>
                                    <div class="single-comment-item">
                                        <div class="single-comment-box">
                                            <div class="main-comment">
                                                <div class="author-image">
                                                    <img th:src="@{/static/img/author-7.jpg}" alt="author" />
                                                </div>
                                                <div class="comment-text">
                                                    <div class="comment-info">
                                                        <h4>david kamal</h4>
                                                        <p>12 february 2015 At 11:30 pm</p>
                                                    </div>
                                                    <div class="comment-text-inner">
                                                        <p>Ne erat velit invidunt his. Eum in dicta veniam interesset, harum lupta definitionem. Vocibus suscipit prodesset vim ei, equidem perpetua eu per.</p>
                                                    </div>
                                                    <a href="#" class="reply">Reply</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-comment-box reply-comment">
                                            <div class="main-comment">
                                                <div class="author-image">
                                                    <img th:src="@{/static/img/author-8.jpg}" alt="author" />
                                                </div>
                                                <div class="comment-text">
                                                    <div class="comment-info">
                                                        <h4>Danial Martin</h4>
                                                        <p>12 february 2015 At 11:30 pm</p>
                                                    </div>
                                                    <div class="comment-text-inner">
                                                        <p>Ne erat velit invidunt his. Eum in dicta veniam interesset, harum lupta definitionem. Vocibus suscipit prodesset vim ei, equidem perpetua eu per.</p>
                                                    </div>
                                                    <a href="#" class="reply">Reply</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-comment-box">
                                            <div class="main-comment">
                                                <div class="author-image">
                                                    <img th:src="@{/static/img/author-6.jpg}" alt="author" />
                                                </div>
                                                <div class="comment-text">
                                                    <div class="comment-info">
                                                        <h4>sumaiya mim</h4>
                                                        <p>12 february 2015 At 11:30 pm</p>
                                                    </div>
                                                    <div class="comment-text-inner">
                                                        <p>Ne erat velit invidunt his. Eum in dicta veniam interesset, harum lupta definitionem. Vocibus suscipit prodesset vim ei, equidem perpetua eu per.</p>
                                                    </div>
                                                    <a href="#" class="reply">Reply</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="rapid-leave-comment ">
                                    <h2>Leave a comment</h2>
                                    <p>Your must sing-in to make or comment a post</p>
                                    <form>
                                        <input class="ns-com-name" name="name" placeholder="Name" type="text">
                                        <input class="ns-com-name" name="email" placeholder="Email" type="email">
                                        <textarea class="comment" placeholder="Comment..." name="comment"></textarea>
                                        <input type="submit" value="post comment" >
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="blog-page-right margin-top">
                        <div class="blog-sidebar-widget">
                            <div class="about-us-widget">
                                <div class="about-widget-image">
                                    <a href="#">
                                        <img th:src="@{/static/img/about.jpeg.jpg}" alt="about image" />
                                    </a>
                                </div>
                                <div class="about-widget-text">
                                    <h3>Photographer & Blogger</h3>
                                    <p>Etiam nulla nunc, aliquet vel metus nechan, scelerisque tempus enim. Sed eget blandit lectus donec facilisis.</p>
                                </div>
                            </div>
                        </div>
                        <div class="blog-sidebar-widget">
                            <ul class="social_links">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                        <div class="blog-sidebar-widget">
                            <h3>Newsletter</h3>
                            <form>
                                <input type="search" placeholder="Email Address" >
                                <button type="submit"><i class="fa fa-search"></i></button>
                            </form>
                        </div>
                         <div class="blog-sidebar-widget">
                            <h3>by Categories</h3>
                            <ul class="blog-categories">
                                <li><a href="#"> life style</a></li>
                                <li><a href="#">travel</a></li>
                                <li><a href="#">fashion</a></li>
                                <li><a href="#">video</a></li>
                                <li><a href="#">music</a></li>
                            </ul>
                        </div>
                        <div class="blog-sidebar-widget">
                            <h3>by tags</h3>
                            <ul class="blog-tags">
                                <li><a href="#"> adventure</a></li>
                                <li><a href="#">life style</a></li>
                                <li><a href="#">blog</a></li>
                                <li><a href="#">travel</a></li>
                                <li><a href="#">music</a></li>
                                <li><a href="#">post</a></li>
                            </ul>
                        </div>
                        <div class="blog-sidebar-widget">
                            <h3>related Post</h3>
                            <ul class="featured-list">
                                <li class="sidebr-pro-widget">
                                    <div class="blog-thumb-info">
                                        <div class="blog-thumb-info-image">
                                            <a href="#">
                                                <img th:src="@{/static/img/pro-2.png}" alt="proudct" />
                                            </a>
                                        </div>
                                        <div class="blog-thumb-info-content">
                                            <h4><a href="#">Architecture blog post</a></h4>
                                            <p>Posted on :<a href="#">Sep 25, 2017</a></p>
                                            <p>Posted By :<a href="#">Admin</a></p>
                                        </div>
                                    </div>
                                </li>
                                <li class="sidebr-pro-widget">
                                    <div class="blog-thumb-info">
                                        <div class="blog-thumb-info-image">
                                            <a href="#">
                                                <img th:src="@{/static/img/pro.png}" alt="proudct" />
                                            </a>
                                        </div>
                                        <div class="blog-thumb-info-content">
                                            <h4><a href="#">Splashing pixels on the</a></h4>
                                            <p>Posted on :<a href="#">Sep 25, 2017</a></p>
                                            <p>Posted By :<a href="#">Admin</a></p>
                                        </div>
                                    </div>
                                </li>
                                <li class="sidebr-pro-widget">
                                    <div class="blog-thumb-info">
                                        <div class="blog-thumb-info-image">
                                            <a href="#">
                                                <img th:src="@{/static/img/pro-2.png}" alt="proudct" />
                                            </a>
                                        </div>
                                        <div class="blog-thumb-info-content">
                                            <h4><a href="#">Go next we are always with you</a></h4>
                                            <p>Posted on :<a href="#">Sep 25, 2017</a></p>
                                            <p>Posted By :<a href="#">Admin</a></p>
                                        </div>
                                    </div>
                                </li>
                                <li class="sidebr-pro-widget">
                                    <div class="blog-thumb-info">
                                        <div class="blog-thumb-info-image">
                                            <a href="#">
                                                <img th:src="@{/static/img/pro.png}" alt="proudct" />
                                            </a>
                                        </div>
                                        <div class="blog-thumb-info-content">
                                            <h4><a href="#">IP CCTV Camera</a></h4>
                                            <p>Posted on :<a href="#">Sep 25, 2017</a></p>
                                            <p>Posted By :<a href="#">Admin</a></p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="blog-sidebar-widget">
                            <h3>Instagram</h3>
                            <ul class="instagram">
                                <li>
                                    <a href="#">
                                        <img th:src="@{/static/img/img-1.jpg}" alt="instagram" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img th:src="@{/static/img/img-2.jpg}" alt="instagram" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img th:src="@{/static/img/img-2.jpg}" alt="instagram" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img th:src="@{/static/img/img-4.jpg}" alt="instagram" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img th:src="@{/static/img/img-5.jpg}" alt="instagram" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img th:src="@{/static/img/img-2.jpg}" alt="instagram" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img th:src="@{/static/img/img-2.jpg}" alt="instagram" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img th:src="@{/static/img/img-1.jpg}" alt="instagram" />
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="blog-sidebar-widget">
                            <div class="banner-ads">
                                <a href="#">
                                    <img th:src="@{/static/img/beach-vacation.jpg}" alt="banner" />
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Allpost Area End -->
    
    
    
    
    <!-- Footer Area Start -->
    <footer class="rapid-footer-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="footer-left">
                        <p>Copyright © 2024 Rapid. All rights reserved.</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer Area End -->
    
    
    
    
    
    <!-- jQuery -->
    <script th:src="@{/static/js/jquery.min.js}"></script>
    
    <!-- Bootstrap JS -->
    <script th:src="@{/static/js/bootstrap.min.js}"></script>
    
    <!-- Magnific Popup JS -->
    <script th:src="@{/static/js/jquery.magnific-popup.min.js}"></script>
    
    <!-- OwlCarousel JS -->
    <script th:src="@{/static/js/owl.carousel.min.js}"></script>
    
    <!-- SlickNav JS -->
    <script th:src="@{/static/js/jquery.slicknav.min.js}"></script>
    
    <!-- Custom JS -->
    <script th:src="@{/static/js/custom.js}"></script>
    
</body>
</html>
